<template>
    <div>
      <!-- 分页器 -->
      <div class="swiper-pagination" :class="swiperData.fy" v-if="swiperData.fy && swiperData.fy.length > 0"  slot="pagination"></div>   
      <!-- 左右箭头 --> 
      <div class="swiper-button-prev arrow" :class="swiperData.prev" v-if="swiperData.prev && swiperData.prev.length > 0" slot="button-prev"></div> 
      <div class="swiper-button-next arrow" :class="swiperData.next" v-if="swiperData.next && swiperData.next.length > 0" slot="button-next"></div> 
    </div>
</template>

<script>
export default {
  name:'swiperBtn',
  props: {
    swiperData:{
      type:Object,
      default: ()=>{
        return {}
      }
    }
  },
  mounted(){
    // console.log('1111111',this.swiperData)
  },
  data(){
    return {
                  
    }
  }
}
</script>
<style lang="scss">
.arrow{background-color: #FAFAFA;}
</style>